iT邦幫忙

2022 iThome 鐵人賽

DAY 21
0
自我挑戰組

Asp.Net Core 零基礎建立自己的Blog系列 第 21

[Day 21] PartialView的應用 - 把首頁文章列表弄成一個模組

  • 分享至 

  • xImage
  •  

目標:
1.PartialView 好處
2.建立PartialView

PartialView 好處:
很多共用的東西都會做成模組化,部分檢視就是這樣的概念,常見的像是
例子:
1.查詢選單(有可能很多地方都會用到一樣的查詢條件)
2.文章功能查詢出文章列表可能很常需要用到,所以也可以用PartialView 設計

note:
另個概念是component 這個我在MVC不常用,只在Blazor裡面用過,有興趣的人也可以去查詢看看。

步驟:
step1.在View裡面新創一個資料夾,叫做PartialViews

step2.新增_ArticlePartialView.cshtml

step3.把查詢文章列表重複的地放貼上去

@model IEnumerable<ArticleViewModel>

@if (Model != null && Model.Count() > 0)
{
    <div id="articleIndex" class="text-center mt-5">
        @foreach (var i in Model)
        {
            <h3 class="display-4">
                <a href="~/Article/@i.Id">@i.Title</a>
            </h3>
        }
    </div>
}

這樣就做好一個 PartialView囉。


上一篇
[Day 20] 文章優化,加上程式碼Highlight.js 和 css
下一篇
[Day 22] PartialView Ajax 查詢文章而不重整畫面(一)
系列文
Asp.Net Core 零基礎建立自己的Blog30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言